﻿@{
    //ViewBag.Title = "Index";
    Layout = "~/Views/Shared/_LayoutAdmin.cshtml";

    SelectList lstLevel = new SelectList(new[] {
        new SelectListItem { Value = "0", Text = "Tất cả"},
        new SelectListItem { Value = "1", Text = "Chỉ tiêu cấp 1"},
        new SelectListItem { Value = "2", Text = "Chỉ tiêu cấp 2"},
        new SelectListItem { Value = "3", Text = "Chỉ tiêu cấp 3"}
    }, "Value", "Text", 0);
}
<div class="page-bar">
    <ul class="page-breadcrumb" style="padding: 4px;">
        <li>
            <i class="fa fa-home"></i>
            <a href="#">@ViewBag.CurrentMenuName</a>
        </li>
    </ul>
</div>
<div class="row">
    <div class="col-md-1 col-sm-2" style=""></div>
    <div class="col-md-1 col-sm-2" style="">@Html.Label("Cấp:")</div>
    <div class="col-md-3 col-sm-4" style="margin-bottom: 10px;">
        @Html.DropDownList("cap_search", lstLevel, null, new { @id = "cap_search", @class = "form-control input-sm" })
    </div>

    @*<div class="col-md-2 col-sm-2" style="">@Html.Label("Đến ngày:")</div>
    <div class="col-md-3 col-sm-3" style="margin-bottom: 10px;">
        @Html.TextBox("den_ngay", null, new { @class = "form-control input-sm", style = "", placeholder = "Nhập đến ngày" })
    </div>*@
</div>
<div class="row">
    <div class="col-md-1 col-sm-1" style=""></div>
    <div class="col-md-1 col-sm-2" style="">@Html.Label("Mã: ", new { id = "lblName", @class = "" })</div>
    <div class="col-md-3 col-sm-3" style="margin-bottom: 10px;">@Html.TextBox("ma_search", "", new { @id = "ma_search", @class = "form-control input-sm", style = "", placeholder = "Mã chỉ tiêu", maxlength = 250 })</div>

    <div class="col-md-2 col-sm-2" style="">@Html.Label("Tên chỉ tiêu: ")</div>
    <div class="col-md-3 col-sm-3" style="margin-bottom: 10px;">@Html.TextBox("ten_chi_tieu_search", "", new { @id = "ten_chi_tieu_search", @class = "form-control input-sm", style = "", placeholder = "Tên chỉ tiêu", maxlength = 50 })</div>

    @*<div class="col-md-2 col-sm-2" style="">@Html.Label("Điện thoại: ")</div>
        <div class="col-md-4 col-sm-4" style="margin-bottom: 10px;">@Html.TextBox("dien_thoai", "", new { @class = "form-control input-sm", style = "", placeholder = "Điện thoại", maxlength = 50 })</div>*@

    @*<div class="col-md-2 col-sm-2" style="">@Html.Label("Trạng thái")</div>
        <div class="col-md-4 col-sm-4" style="margin-bottom: 10px;">
        @Html.DropDownList("trang_thai", slState , null, new { @class = "form-control input-sm" })</div>*@

    <div class="col-md-6 col-sm-6">
        <div class="pull-right">
            <button id="btnSearch" class="btn btn-sm btn-default"><i class="fa fa-search"></i> Tìm kiếm</button>
            <button id="btnAdd" class="btn btn-sm btn-default" style="cursor:pointer;"><i class="fa fa-plus-square-o"></i> Tạo mới</button>
            <div id="divPrintEnum" style="display:none;"></div>
        </div>
    </div>
</div>

<div id="gridContent" align="center" style="padding:10px;">
    @if (Model.Data != null && Model.Data.Count > 0)
    {
        Html.RenderPartial("_ChiTieuList");
    }
    else
    {
        <h4>Không tìm thấy kết quả nào phù hợp</h4>
    }
</div>

<script type="text/javascript">    
    $(document).ready(function () {
        $('#btnSearch').bind('click', function (event) {
            btnSearchClick();
        });

        $('#btnAdd').bind('click', function (event) {
            functionCreateOrUpdate("", "Thêm mới", "Tạo mới");
        });

        $('#input-state').change(function () {
            OnCriteria(0);
        });

        $("#input-code", "#input-name").on("keypress", function (event) {
            if (event.which == 13) {
                OnCriteria(0);
            }
        });
        headers['VerificationToken'] = '@GetAntiForgeryToken()';

        
    });

    var headers = {};

    function btnSearchClick() {
        OnCriteria(0);
    }

    var currentPageIndex;
    function OnCriteria(pageIndex) {
        currentPageIndex = pageIndex;
        var ma = $('#ma_search').val().trim();
        var tenChiTieu = $("#ten_chi_tieu_search").val().trim();
        var cap = $("#cap_search").val().trim();;
        $.ajax({
            dataType: "html",
            type: "POST",
            url: '/ChiTieu/ActionSearch',
            //contentType: "application/json",
            data: { Ma: ma, TenChiTieu: tenChiTieu, Cap: cap, pageIndex: pageIndex },
            success: function (response) {
                var $catlist = $('#gridContent');

                if ($catlist == null || $catlist.length == 0) {
                    window.notice('@*@Resources.Localization.MsgItemNotFound*@', window.notice_error);
                }
                else {
                    $catlist.html(response);
                }
            }
        });
        setTimeout(function () { $('#search_form').find('input:text:visible:first').focus(); }, 500);
    }


    function functionCreateOrUpdate(id, titleForm, buttonTile) {
        //public int ChiTieuId { get; set; }
        //[Display(Name="Cấp")]
        //[Required(ErrorMessage = "Chưa chọn cấp chỉ tiêu")]
        //public int Cap { get; set; }
        //public string Ma { get; set; }
        //public string MaCap1 { get; set; }
        //public string MaCap2 { get; set; }
        //public string MaCap3 { get; set; }
        //[Display(Name="Tên chỉ tiêu")]
        //[Required(ErrorMessage="Chưa nhập tên chỉ tiêu")]
        //public string TenChiTieu { get; set; }
        //[Display(Name = "Chỉ tiêu cấp 1")]
        //[Required(ErrorMessage = "Chưa chọn chỉ tiêu cấp 1")]
        //public string TenChiTieuCap1 { get; set; }
        //[Required(ErrorMessage = "Chưa chọn chỉ tiêu cấp 2")]
        //[Display(Name = "Chỉ tiêu cấp 2")]
        //public string TenChiTieuCap2 { get; set; }
        //public string TenChiTieuCap3 { get; set; }
        //[Display(Name = "Ghi chú")]
        //public string GhiChu { get; set; }
        //public int Deleted { get; set; }
        //public int StartDate { get; set; }
        //public int EndDate { get; set; }
        //public DateTime LastUpdated { get; set; }
        //public int Type { get; set; }
        //[Display(Name = "Đơn vị tính")]
        //[Required(ErrorMessage="Chưa nhập đơn vị tính")]
        //public string DonViTinh { get; set; }
        //[Display(Name = "Chỉ tiêu ảo")]
        //public int LaChiTieuAo { get; set; }
        //[Display(Name = "Cho phép tính tổng")]
        //public int ChoPhepTinhTong { get; set;}
        //public int DonViId { get; set; }        
        $("#divLoading").show();
        var ajax = $.ajax({
            url: '/ChiTieu/CreatePopupUpdate',
            type: 'POST',
            data: { id: id },
            //contentType: "appliction/json",
            success: function (data) {
                $("#divLoading").hide();
                var box = bootbox.dialog({
                    title: titleForm,
                    message: data,
                    onEscape: function () {
                        box.modal('hide');
                    },
                    buttons: {
                        success: {
                            label: "<i class='fa fa-plus-square-o'></i> " + buttonTile,
                            className: "btn btn-md btn-success",
                            callback: function () {
                                var form = $('#frmChiTieu');
                                if (!form.valid()) {
                                    return false;
                                }
                                //$("#divLoading").show();
                                //alert("headers");
                                var chiTieuAo = 0;
                                if ($('#LaChiTieuAo').is(":checked")){
                                    chiTieuAo = 1;
                                }
                                var choPhepTinhTong = 0;
                                if ($('#ChoPhepTinhTong').is(":checked")) {
                                    choPhepTinhTong = 1;
                                }
                                $.ajax({
                                    url: '/ChiTieu/ActionSave',
                                    headers: headers,
                                    data: {
                                        ChiTieuId: $("#ChiTieuId").val(),
                                        Cap: $("#Cap").val(),
                                        MaCap1: $("#TenChiTieuCap1").val(),
                                        MaCap2: $("#TenChiTieuCap2").val(),
                                        TenChiTieu: $("#TenChiTieu").val(),
                                        TenChiTieuCap1: $("#TenChiTieuCap1 option:selected").text(),
                                        TenChiTieuCap2: $("#TenChiTieuCap2 option:selected").text(),
                                        DonViTinh: $("#DonViTinh").val(),
                                        LaChiTieuAo: chiTieuAo,
                                        ChoPhepTinhTong: choPhepTinhTong,
                                        GhiChu: $("#GhiChu").val()
                                    },
                                    dataType: 'json',
                                    type: 'post',
                                    success: function (response) {
                                        if (response != null && response.status == 200) {
                                            Layout.toastr("", response.result);
                                            OnCriteria(0);
                                            result = true;
                                        } else {
                                            Layout.toastr("", response.result);
                                        }
                                        $("#divLoading").hide();
                                    },
                                    error: function (errorThrown) {//function(request, textStatus, errorThrown)  {
                                        alert(JSON.stringify(errorThrown));
                                        //alert(request.getAllResponseHeaders());
                                        //alert(request.getResponseHeader('WWW-Authenticate'));
                                    }
                                });

                            }
                        },
                        danger: {
                            label: "<i class='fa fa-reply'></i> Hủy bỏ",
                            className: "btn btn-md btn-default",//"btn-danger",
                            callback: function () {
                            }
                        }
                    }
                });
            },
            complete: function () {
                
            },
            error: function (ex) {
                alert(JSON.stringify(ex));
            }
        });
        return false;
    }   

    @functions{
        public string GetAntiForgeryToken()
        {
            string cookieToken, formToken;
            AntiForgery.GetTokens(null, out cookieToken, out formToken);
            return cookieToken + "," + formToken;
        }
    }


    //function datePicker() {
    //    var option = {
    //        //dayNamesMin: ["CN", "Thứ 2", "Thứ 3", "Thứ 4", "Thứ 5", "Thứ 6", "Thứ 7"],
    //        dayNamesMin: ["CN", "2", "T3", "T4", "T5", "T6", "T7"],
    //        monthNames: ["Tháng 1", "Tháng 2", "Tháng 3", "Tháng 4", "Tháng 5",
    //            "Tháng 6", "Tháng 7", "Tháng 8", "Tháng 9", "Tháng 10", "Tháng 11", "Tháng 12"],
    //        dateFormat: "dd/mm/yy",
    //        onSelect: function (selectedDate) {
    //            //alert(selectedDate);

    //        }
    //    };

    //    $("#den_ngay").mask("99/99/9999", { placeholder: "dd/mm/yyyy" });
    //    $("#den_ngay").datepicker(option);
    //}
</script>